<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery.js"></script>
    <script>
        // window.onload=function(){
        //     console.log(222)
        // };
        // window.onload=function(){
        //
        //     var btn=document.getElementById("btn");
        //     btn.onclick=function () {
        //         console.log(111);
        //     };
        // };

        // $(document).ready(函数) -> $(函数),作用类似于window.onload
        //所有的jquery中的函数调用必须是jQuery对象
        // $(document).ready(function () {
        //     console.log($("#mydiv"));
        // });
        $(function(){

            // jquery对象.click(函数)
            $("#btn").click(function(){
                console.log("使用jquery的方式绑定事件成功");

                //DOM对象.innerHTML
                // console.log(document.getElementById("mydiv").innerHTML);
                // DOM对象.innerHTML=值
                document.getElementById("mydiv").innerHTML="<h2>h2</h2>";

                //jquery对象.html()
               // console.log( $("#mydiv").html());
               //  jquery对象.html(值)
                $("#mydiv").html("<h2>我是h2</h2>");

            });
            console.log(3333)
        });
        $(function(){
            console.log(2222)
        });
    </script>
</head>
<body>
    <input type="button" value="按钮" id="btn">
    <div id="mydiv">mydiv</div>
</body>
</html>